<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Contact Us</title>
<link rel="stylesheet" href="./css/layout.css" type="text/css" />
<link rel="stylesheet" href="./css/main.css" type="text/css" />
<link rel="stylesheet" href="./css/shortcodes.css" type="text/css" />
<link rel="stylesheet" href="./css/icons.css" type="text/css" />
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="./css/responsive.css" type="text/css" />
 <style type="text/css">
.google_map img{max-width:none}.entry-content img {max-width: 100000%; /* override */}
</style>
<script type="text/javascript" src="./js/jquery.js"></script>


</head>

<body class="responsive">

<div id="mobile_navigation">
  <ul id="mobile_menu" class="mobile_menu">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597"><a href="#">Home</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596"><a href="#">Pages</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog timeline</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603 "><a href="#">Portfolio</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586  current-menu-parent"><a href="contact_us.html">Contact Us</a></li>
  </ul>
</div>

<!-- End Mobile Navigation -->


<div id="header_space"></div>
<header id="header">
  <section id="main_header_container">
    <div id="top_bar" style="display:none">
      <div class="container">
        <div class="row-fluid">
          <div class="row-fluid">
            <div class="span6 contact-info-container">
              <div class="contact-info"><span><i class="icon-phone"></i>+9199876543210</span><span><i class="icon-envelope"></i>no-reply@envato.com</span></div>
            </div>
            <div class="span6 social-icons-container">
              <ul class="social-icons clearfix">
                <li> <a  class="twitter" href="http://www.twitter.com/#" target="_blank" title="Twitter"> <i class="icon-twitter"></i> </a> </li>
                <li> <a  class="flickr" href="#" target="_blank" title="Flickr"> <i class="icon-flickr"></i> </a> </li>
                <li> <a class="facebook" href="#" target="_blank" title="Facebook"> <i class="icon-facebook"></i> </a> </li>
                <li> <a class="google" href="#" target="_blank" title="Google"> <i class="icon-google-plus"></i> </a> </li>
                <li> <a class="linkedin" href="#" target="_blank" title="LinkedIn"> <i class="icon-linkedin"></i> </a> </li>
                <li> <a class="youtube" href="#" target="_blank" title="YouTube"> <i class="icon-youtube"></i> </a> </li>
                <li> <a class="rss" href="http://localhost/lautus/?feed=rss2" target="_blank" title="RSS"> <i class="icon-rss"></i> </a> </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="main_navigation">
      <div class="container">
        <div class="row-fluid">
          <div class="row-fluid">
            <div class="span12"> 
              
              <!-- logo -->
              
              <div class="logo-container"> <a href="#" id="logo" class="clearfix"><img src="images/logo.png" alt="Blandes"/></a> </div>
              <div id="toggle-menu"> <a class="toggle-menu" href="#"><i class="icon-list2"></i></a>
                <div class="clear"></div>
              </div>
              <div id="header-search-button"><a href="#"  class="search-button"><i class="icon-blandes-search"></i></a></div>
              <ul id="main_menu" class="main_menu">
                <li id="menu-item-2597" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597 "><a href="#">Home</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2591" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
                    <li id="menu-item-2587" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
                    <li id="menu-item-2588" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
                    <li id="menu-item-2589" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
                  </ul>
                </li>
                <li id="menu-item-2596" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596 "><a href="#">Pages</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2592" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
                    <li id="menu-item-2594" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
                    <li id="menu-item-2612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
                    <li id="menu-item-2611" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
                  </ul>
                </li>
                <li id="menu-item-2598" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2599" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
                    <li id="menu-item-2753" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog Timeline</a></li>
                    <li id="menu-item-2600" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
                    <li id="menu-item-2615" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
                    <li id="menu-item-2602" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
                    <li id="menu-item-2752" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2603" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603"><a href="#">Portfolio</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
                    <li id="menu-item-2604" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
                    <li id="menu-item-2605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
                    <li id="menu-item-2606" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
                    <li id="menu-item-2608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2614" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
                <li id="menu-item-2586" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586 current-menu-parent"><a href="contact_us.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <!-- section search -->
  <section id="header-search-panel">
    <div class="container">
      <div class="row-fluid">
        <div class="search">
          <div>
            <form action="#" id="header-search-form" method="get">
              <a class="close" href="#"><i class="icon-blandes-remove"></i></a>
              <input type="text"  id="header-search" name="s" value="Search" autocomplete="off" />
              <!-- Create a fake search button --> 
              <span class="fake-submit-button"><i class="icon-blandes-search"></i>
              <input type="submit"  name="submit" value="submit" />
              </span>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
</header>

<!-- section map -->
<section class="section full-width section-padding-zero">
  <div  id="map" class="google_map" style="width:100%;height:500px;"> </div>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
 
  <script type="text/javascript">
	    var latlng = new google.maps.LatLng(41.103830,-74.162552);
		var MY_MAPTYPE_ID = 'mapid';
		var myOptions = {
			zoom: 12,
			center: latlng,
			scrollwheel: false,
			scaleControl: false,
			disableDefaultUI: true,
			  mapTypeControl: false,
		    mapTypeControlOptions: {
            mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID]
                 },
             mapTypeId: MY_MAPTYPE_ID
			
		};
		var map = new google.maps.Map(document.getElementById("map"),
		myOptions);
		 
         var styles = [ 
		{
		    "stylers": [
		      { "hue": "#003bff" },
		      { "invert_lightness": true },
		      { "lightness": 10 },
      		  { "gamma": 0.91 },
		      { "saturation": -60 }
		    ]
		},{
		    "featureType": "road.local",
		    "elementType": "labels",
		    "stylers": [
		      { "visibility": "off" }
		    ]
		},{
		    "featureType": "landscape",
		    "stylers": [
		      { "visibility": "simplified" }
		    ]
		},{
		    "featureType": "poi",
		    "stylers": [
		      { "visibility": "off" }
		    ]
		},{
		    "featureType": "road",
		    "stylers": [
		      { "saturation": -65 }
		    ]
		},{
		    "featureType": "water",
		    "stylers": [
		      { "saturation": -50 },
		      { "lightness": -25 }
    		]
  		},{
		    "featureType": "road",
		    "stylers": [
		      { "gamma": 0.9 }
		    ]
		  } 
		]
	  
	
     var customMapType = new google.maps.StyledMapType(styles);
	  map.mapTypes.set(MY_MAPTYPE_ID, customMapType);
	  	
	  var image = {
        url: 'images/location.png',
       // This marker is 20 pixels wide by 32 pixels tall.
       size: new google.maps.Size(60, 60),
        // The origin for this image is 0,0.
       origin: new google.maps.Point(0,0),
      // The anchor for this image is the base of the flagpole at 0,32.
       anchor: new google.maps.Point(0, 32)
  };
  
    var marker = new google.maps.Marker({
        map: map,
	   icon : image
    });

   var geocoder_map = new google.maps.Geocoder();
	   var address = '121 King Street, Melbourne Victoria 3000 Australia';
		geocoder_map.geocode( { 'address': address}, function(results, status) {
		if (status == google.maps.GeocoderStatus.OK) {
					map.setCenter(results[0].geometry.location);
	                marker.setPosition(map.getCenter());
			 } else {
				alert("Geocode was not successful for the following reason: " + status);
			}
			}); 
	</script> 
    
    
</section>

<!-- Section post -->
<section class="section double-section">
<div class="container">
<div class="row-fluid">
<div class="content-left">
<div class="inner-content">
<div class="textright">
<h4 class="textuppercase">Address</h4>
121 King Street,<br> Melbourne Victoria 3000 , Australia
</div>
</div></div>
<div class="content-right">
<div class="inner-content">
<h4 class="textuppercase">Contact</h4>
<span class="fontAwesomeIcon style1"><i class="icon-blandes-phone"></i></span>+91987654321,<br><span class="fontAwesomeIcon style1"> <i class="icon-blandes-mail"></i></span>no-reply@envato.com
</div></div>

</div></div>
</section>


<section class="section grid-740 section-padding-large">
  <div class="container">
    <div class="row-fluid">
      <div class="stunning_text">
        <div class="big-title  extra-large-text">
          <div>
            <h4 class="first-title"><span>Feel Free to</span></h4>
            <span>Contact us</span>
            <h4 class="last-title"><span>Any time</span></h4>
          </div>
        </div>
      </div>
      <div>
        <form action="php/contact-form.php" method="post" class="contact-form field-icons-yes">
        <div class="alert alert-success hidden" id="contactSuccess"><span class="close"><i class="icon-blandes-remove"></i></span>Congratulation Your message has been sent.</div>
		 <div class="alert alert-error hidden" id="contactError"><span class="close"><i class="icon-blandes-remove"></i></span>An Error Occured While Sending your Message.</div>
          <div>
            <div class="row-fluid">
              <div class="span6">
                <div class="control-wrap your-name"> <span class="icon"><i class="icon-blandes-user"></i></span>
                  <input type="text" name="name"  size="40" class="required" placeholder="First Name" />
                  </div>
              </div>
              <div class="span6">
                <div class="control-wrap"><span class="icon"><i class="icon-blandes-phone"></i></span>
                  <input type="text" name="phone"  size="40" class="required phone" placeholder="Phone" />
               </div>
              </div>
            </div>
          </div>
          <div>
            <div class="control-wrap">
            <span class="icon"><i class="icon-blandes-mail"></i></span>
              <input type="text" name="email"  size="40" class="required email"  placeholder="Email" />
             </div>
          </div>
        <div class="control-wrap">
            <textarea name="message" rows="8" cols="5"  class="required" placeholder="Your Message"></textarea>
          </div>
          <p style="margin-bottom:0">
            <input type="submit" value="Send" class="submit" />
          </p>
        </form>
      </div>
      <div class="gap" style="height:50px"></div>
    </div>
  </div>
</section>
<footer id="footer">
  <div class="container">
    <div class="row-fluid">
      <div class="widget span3"> <img src="images/logo_white.png" width="97" height="16" alt="Blandes">
        <div class="gap"></div>
        <p>Lid est laborum dolo rumes fuga untras Etharums ser quidem rerum faci dolores nemis omnis fugats vitaes nemo minima Sed ut perspiciatis </p>
        <p> totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
      </div>
      <div id="recent-posts-3" class="widget widget_meta widget_recent_entries span3">
        <h4>Recent posts</h4>
        <ul>
          <li> <a href="http://localhost/lautus/?p=2355" title="In massa turpis ornare nec commodo">In massa turpis ornare nec commodo</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2346" title="Mauris vestibulum neque">Mauris vestibulum neque</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2343" title="sed aliquam justo dolor">Sed aliquam justo dolor</a> <span class="post-date">July 1, 2013</span> </li>
        </ul>
      </div>
      <div id="nav_menu-2" class="widget widget_meta widget_twitter span3">
        <h4>Recent Tweets</h4>
        <div class="recent-tweets">
          <ul>
            <li><span>Nemo enim ipsam voluptatem <a href="#">http://t.co/255sds4r5d</a> sit  aut odit sed <a href="#">http://t.co/255sds4r5d</a></span><br>
              <a class="" href="#">2 days ago</a></li>
            <li><span><a href="#">@lorel </a>Nemo enim ipsam <a href="#">http://t.co/255sds4r5d</a> aut odit</span><br>
              <a class="" href="#">9 days ago</a></li>
          </ul>
        </div>
      </div> <div id="portfolio-widget-2" class="widget widget_meta portfolios span3">
        <h4>Recent Work</h4>
        <div class="recent-works-items clearfix"> <a href="#" title="simple project with preview image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_01_v011" /> </a> <a href="#" title="simple project with preview video" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_03_v011" /> </a> <a href="#" title="simple project with gallery" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_08_v011" /> </a> <a href="#" title="simple project with image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_12_v011" /> </a> <a href="#" title="adipiscing nisi in nulla ornare" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_20_v01" /> </a> <a href="#" title="consectetur adipiscing  Nulla posuere" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="Mountain bike" /> </a> </div>
      </div>
    </div>
  </div>
</footer>
<section id="copyright">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="copyright-text span4 pull-left"> blandus v1.0 by <a href='http://themeforest.net/user/bradweb'>bradwebs</a> </div>
        <div class=" textright span8 clearfix">
          <ul class="social-icons clearfix">
            <li> <a  class="twitter" href="http://www.twitter.com/#" target="_blank" title="Twitter"> <i class="icon-twitter"></i> </a> </li>
            <li> <a  class="flickr" href="#" target="_blank" title="Flickr"> <i class="icon-flickr"></i> </a> </li>
            <li> <a class="facebook" href="#" target="_blank" title="Facebook"> <i class="icon-facebook"></i> </a> </li>
            <li> <a class="dribbble" href="#" target="_blank" title="Dribbble"> <i class="icon-dribbble"></i> </a> </li>
            <li> <a class="linkedin" href="#" target="_blank" title="LinkedIn"> <i class="icon-linkedin"></i> </a> </li>
            <li> <a class="youtube" href="#" target="_blank" title="YouTube"> <i class="icon-youtube"></i> </a> </li>
            <li> <a class="rss" href="http://localhost/lautus/?feed=rss2" target="_blank" title="RSS"> <i class="icon-rss"></i> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Javascript Files --> 
<script type="text/javascript" src="./js/plugins.js"></script> 
<script type="text/javascript" src="./js/caroufred.js"></script> 
<script type="text/javascript" src="./js/flexslider.js"></script> 
<script type="text/javascript" src="./js/isotope.js"></script> 
<script type="text/javascript" src="./js/main.js"></script>
</body>
</html>